<template>
  <view class="markerBg h-44">
    <view class="text-white text-3xl text-center mt-12">{{ userInfoData.userInfo.market_coin }}<text class="text-sm">(币)</text></view>
    <view class="mt-2 flex justify-center">
      <text @click="jumpCoinRecharge" class="px-2 py-1 border border-solid border-white rounded-2xl text-sm text-white">营销币充值</text>
    </view>
  </view>
  <view class="bg-white">
    <!--<view class="h-12 border-bottom" @click="jumpPacket">-->
    <!--  <view class="px-4 h-full flex items-center justify-between">-->
    <!--    <view>我的红包</view>-->
    <!--    <image class="w-4 h-4" src="@/static/image/rt.png"></image>-->
    <!--  </view>-->
    <!--</view>-->
    <!--<view class="h-12 bg-white" @click="jumpCoupon">-->
    <!--  <view class="px-4 h-full flex items-center justify-between">-->
    <!--    <view>优惠券管理</view>-->
    <!--    <image class="w-4 h-4" src="@/static/image/rt.png"></image>-->
    <!--  </view>-->
    <!--</view>-->
  </view>

  <!--<view class="mt-2 h-12 bg-white" @click="jumpExCode">-->
  <!--  <view class="px-4 h-full flex items-center justify-between">-->
  <!--    <view>专属兑换码</view>-->
  <!--    <image class="w-4 h-4" src="@/static/image/rt.png"></image>-->
  <!--  </view>-->
  <!--</view>-->

  <view class="mt-2 h-12 bg-white" @click="jumpSendCoin">
    <view class="px-4 h-full flex items-center justify-between">
      <view>用户派币</view>
      <image class="w-4 h-4" src="@/static/image/rt.png"></image>
    </view>
  </view>

  <view class="mt-2 h-12 bg-white" @click="jumpCoinWrapList">
    <view class="px-4 h-full flex items-center justify-between">
      <view>金币明细</view>
      <image class="w-4 h-4" src="@/static/image/rt.png"></image>
    </view>
  </view>

</template>

<script setup lang="ts">
  import { userStore } from "@/store/userStore";
  const userInfoData = userStore()

  const jumpPacket = () => {
    uni.navigateTo({ url: '/pages/mine/redPacket' })
  }

  const jumpCoupon = () => {
    uni.navigateTo({ url: '/pages/coupon/index' })
  }

  const jumpExCode = () => {
    uni.navigateTo({ url: '/pages/exCode/index' })
  }

  /** 营销币充值 **/
  const jumpCoinRecharge = () => {
    uni.navigateTo({ url: '/pages/mine/coinRecharge' })
  }

  /** 用户派币 **/
  const jumpSendCoin = () => {
    uni.navigateTo({ url: '/pages/mine/sendCoin' })
  }

  /** 金币明细 **/
  const jumpCoinWrapList = () => {
    uni.navigateTo({ url: '/pages/mine/coinWrapList' })
  }
</script>

<style scoped lang="scss">
page {
  min-height: 100vh;
  background: #f5f5f5;
}

.markerBg {
  background: url("@/static/image/homeBg.png") no-repeat;
  background-size: cover;
  overflow: hidden;
}
</style>
